import GlobalPages from '../GlobalPages'
import GlobalHeader from './GlobalHeader'
import GlobalFooter from '../GlobalFooter'
export default {
  name: 'GlobalSlideMenu',
  data () {
    return {
      collapsed: false
    }
  },
  computed: {
    contentStyle () {
      return {
        paddingTop: '64px'
      }
    }
  },
  mounted () {
  },
  methods: {

  },
  render () {
    // 内容样式
    const { contentStyle } = this
    return (
      <GlobalPages>
        {/* 右侧内容区域 */}
        <div slot="GlobalRight" >
          {/* 头部区域 */}
          <div class="Global-header-horizontal" >
            <GlobalHeader />
          </div>
          {/* 内容 */}
          <div class="Global-content" style={contentStyle}>
            <router-view />
          </div>
        </div>
        {/* 底部菜单 */}
        <div slot="footer">
          <GlobalFooter />
        </div>
      </GlobalPages>
    )
  }
}
